<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/vue.js" type="text/javascript"charset="utf-8"></script>
    </head>

    <body>
        <!-- view -->
        <div id="app">
          <navbar></navbar>
          <gnavbar></gnavbar>
        </div>


        <script type="text/javascript">
          
          // 定义全局组件
          Vue.component('gnavbar', {
            template: '<ul><li>首页</li><li>联系我们</li></ul>'
          })
          
          let app = new Vue({
              el: "#app",
              // 自定义局部组件，可以定义多个
              components: {
                // 组件名称
                'navbar': {
                  // 组件内容
                  template: '<ul><li>首页</li><li>学员管理</li></ul>'
                }
              }
          })

        </script>
    </body>
</html>